page-mine-home {

  .mine-home-header {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 个人信息展示
  .mine-home-section {

    .scroll-content {
      background-color: $office-page-background;

      // 头部个人信息
      ion-list {
        padding: 0;
        margin: px2rem(40) 0 0 0;

        // 纯展示部分
        ion-item {
          padding-left: px2rem(32);

          div.item-inner {
            padding-right: px2rem(32) !important;
            border: 0;
            // 左边
            div.input-wrapper {
              height: px2rem(87);
              ion-label {
                margin: 0;
                & >div,& >img,& >h4,& >input {
                  float: left;
                  height: px2rem(88);
                }
                // 标题
                & > div {
                  text-align: left;
                  line-height: px2rem(88);
                  width: px2rem(190);
                  font-size: px2rem(30);
                  color: $office-black;
                }
                // 图片
                & > img {
                  width: px2rem(103);
                  height: px2rem(65);
                  margin: px2rem(11.5) px2rem(30) px2rem(11.5) 0;
                  border: 1px dotted $office-gray;
                }

                // 姓名
                & > input {
                  width: px2rem(450);
                  margin: 0;
                  padding: 0;
                  line-height: px2rem(88);
                  font-size: px2rem(28);
                  color: $office-light-black-six;
                  outline: 0;
                  border: 0;
                }

              }
            }

          }
          &:nth-child(1), &:nth-child(3) {
            border-top: 1px solid $office-ion-item-border-color;
            div.item-inner {
              border-bottom: 1px solid $office-ion-item-border-color;
            }
          }
          // 增加margin
          &:nth-child(2), &:nth-child(4) {
            margin-bottom: px2rem(20);
            border-bottom: 1px solid $office-ion-item-border-color;
          }

        }

        // 有箭头部分
        > a.item {
          padding-left: px2rem(32);
          height: px2rem(88);
          border: 0;

          div.item-inner {
            padding-right: px2rem(49) !important;
            background: url("../assets/img/common/arrows-right.png") no-repeat right px2rem(32) center !important;
            background-size: px2rem(17) px2rem(29) !important;
            // 左边
            div.input-wrapper {
              ion-label {
                margin: 0;
                >h2, >div {
                  float: left;
                  height: px2rem(88);
                  line-height: px2rem(88);
                }
                // 标题
                & > h2 {
                  text-align: left;
                  width: px2rem(190);
                  font-size: px2rem(30);
                  color: $office-black;
                }
                // 内容
                & > div {
                  font-size: px2rem(28);
                  width: px2rem(415);
                  @include office-single-ellipsis();
                  color: $office-light-black-six;
                  margin-right: px2rem(32);
                }

              }
            }
          }

        }

        // picker样式
        .arrows-right {
          @include office-picker-style;
          // 内容展示区
          .input-wrapper {
            display: block;
            ion-label {
              height: px2rem(88);
              line-height: px2rem(88);
              float: left;
              width: px2rem(190);
            }
            ion-datetime, ion-multi-picker {
              div {
                line-height: px2rem(88);
              }
            }

          }
        }

      }
      // 详细地址
      .detail-address {
        background-color: $office-white;
        height: px2rem(88);
        padding-left: px2rem(222);
        border-bottom: 1px solid $office-ion-item-border-color;
        margin-bottom: px2rem(100);
        input {
          float: left;
          font-size: px2rem(28);
          margin-top: px2rem(15);
          height: px2rem(58);
          outline: none;
          color: $office-light-black-six;
          border: 0;
        }
      }

    }

  }

  // 底部
  .mine-home-footer {
    height: px2rem(98);
    bottom: 0 !important;
    button {
      @include office-background();
      @include office-footer-button-style(100%);
      @include office-button-disable();
    }
  }
}
